<template>
    <div class="work-system">
        <div class="work-header" style="margin-bottom: 1.7143rem">
            <work-header/>
        </div>
        <div class="work-content">
            <work-content/>
        </div>
    </div>
</template>

<script lang='ts'>
import { ref,reactive,toRefs,defineComponent,onMounted,getCurrentInstance} from 'vue'
import workHeader from './page/work_header.vue';
import workContent from './page/work_content.vue';
export default defineComponent({
    name:'',
    components:{workHeader,workContent},
    setup: ()=>{
        let data = reactive({
            
        })
        const { proxy } = getCurrentInstance() as any;
         
        return {
           ...toRefs(data),
        }
    }
})
</script>
<style lang="scss" scoped>
</style>